
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/chart.xkcd@1.1/dist/chart.xkcd.min.js"></script>
</head>
<body>
    <div id="d8de84328b3340569f3bd16326d5cc3d" class="chart-container" style="width: 800px">
        <svg id="chart_d8de84328b3340569f3bd16326d5cc3d"></svg>
    </div>
    <script>
        const svg_d8de84328b3340569f3bd16326d5cc3d = document.querySelector('#chart_d8de84328b3340569f3bd16326d5cc3d')
        const chart_d8de84328b3340569f3bd16326d5cc3d = new chartXkcd.Pie(svg_d8de84328b3340569f3bd16326d5cc3d, {"title": "\u7279\u6717\u666e\u4e0a\u4efb\u540e\u6bcf\u5e74\u63d0\u5230\u5965\u5df4\u9a6c\u7684\u6b21\u6570", "data": {"datasets": [{"data": [139, 117, 133]}], "labels": [2017, 2018, 2019]}, "options": {"innerRadius": 0.5, "legendPosition": 1}});
    </script>
</body>
</html>
